import React, { Component} from 'react'
import { connect} from 'react-redux'


import UserList from '../userList/userList'
import { updateUserList, accentInfo} from '../../redux/actions'


class ManitoList extends Component{

    /*
        此时这里要动态获取  后台数据库的数据
            老板 ： 向后台 要所有大神的数据  展示出来
            大神 ： 向后台 要所有老板数据    展示出来
            此时 把这个抽成一个组件userList
            把数据传入 userList 即可 它 来 做显示
     */

    //在这里发送请求拿去数据
    componentDidMount(){
        this.props.updateUserList('boxx')
    }

    render(){
        const { userList} = this.props
        userList.meId = this.props._id
        userList.accentInfo = this.props.accentInfo
        return(
            <div>
                <UserList userList={userList}/>
            </div>
        )
    }
}

export default connect(
    state => ({meId: state.user._id , userList: state.userList}),
    {updateUserList, accentInfo}
)(ManitoList)